<?php

require 'includes/funcionesInmuebles.php';

$serviciosInmuebles = new ServiciosInmueble();

$resInmueblesUno = $serviciosInmuebles->TraerInmueblesLimit(0,4);
$resInmueblesDos = $serviciosInmuebles->TraerInmueblesLimit(4,4);
$resInmueblesTres = $serviciosInmuebles->TraerInmueblesLimit(8,4);
$zonas  = $serviciosInmuebles->traerZonas();
$tipoinmueble = $serviciosInmuebles->traerTipoInmueble();

?>

<!DOCTYPE html>
<html class="html" lang="es-ES">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="2014.2.1.284"/>
<title>Inicio</title>

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css">
<!--<link rel="stylesheet" href="css/index.css">-->
<link rel="stylesheet" href="css/indexnuevo.css">
<link rel="stylesheet" href="css/site_global.css">
<script src="js/jquery-ui.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- para la galeria -->
<link rel="stylesheet" href="css/galeria/flexsliderHome.css" type="text/css" media="screen" />

<!-- Modernizr -->
<script src="js/galeria/modernizr.js"></script>

<link rel="stylesheet" href="css/responsiveslides.css">
<script src="js/responsiveslides.min.js"></script>



</head>

<body>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,100italic,300italic|Alegreya+Sans:100,300,400,100italic,300italic|Open+Sans:300italic,400,300|Roboto:400,100,100italic,300,300italic|Roboto+Slab:400,100,300|Oswald:400,300|Raleway:400,100,200,300' rel='stylesheet' type='text/css'>

<div id="page">
	<div class="row">
        <a href="index.php" style="position:absolute; top:10px; left:50%; z-index:999999; margin-left:-440px;"><img src="imagenes/logoCR.png" ></a>
    </div>
    <div class="row">
    	<div class="col-md-12 col-sm-12" id="u96" align="right">
        	<ul class="list-inline">
            	<li id="u191-4">
                	<p style="margin-top:-15px;">Síguenos en:</p>
                </li>
                <li id="u161">
                	<a class="nonblock nontext clip_frame grpelem" id="u161" href="http://ww.twitter.com"><!-- image --><img class="block" id="u161_img" src="images/social-01.png" alt="" width="30" height="30"/></a>
                </li>
                <li id="u167">
                	<a class="nonblock nontext clip_frame grpelem" id="u167" href="http://www.facebook.com"><!-- image --><img class="block" id="u167_img" src="images/social-02.png" alt="" width="30" height="30"/></a>
                </li>
                <li id="u172">
                	<a class="nonblock nontext clip_frame grpelem" id="u172" href="http://www.linkedin.com"><!-- image --><img class="block" id="u172_img" src="images/social-03.png" alt="" width="30" height="30"/></a>
                </li>
            </ul>
            <div class="col-md-12 col-sm-12">
            	<ul class="list-inline" id="u1118">
                	<li id="u201">
                    	<a id="u201" href="asistencialegal.html">
                        <div id="u202-6">
                        	<p>Asistencia</p>
                            <p>Legal</p>
                        </div>
                        </a>
                    </li>
                    <li id="u202">
                    	<a id="u202" href="login.php"><!-- content -->
                    	<div id="u202-7">
                        	<p>Log in</p>   
                    	</div>
                        </a>
                    </li>
                    <li id="u201">
                    	<a id="u201" href="http://www.asistencia.com">
                        <div id="u202-6">
                        	<p>Agentes</p>
                            <p>Inmobiliarios</p>
                        </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="row">
    <!--<div class="textGal">
    	Inmuebles Destacados
    </div>-->
    
    <div class="galFormulario">
    	<div class="tituloForm">
            <p>
                BUSCADOR
            </p>
        </div>
        
        <div class="comboForm">
        	<select name="tipo" id="tipo">
                <option value="0">Tipo de inmueble</option>
            	<?php while ($rowT = mysql_fetch_array($tipoinmueble)) { ?>
                    <option value="<?php echo $rowT[0]; ?>"><?php echo utf8_encode($rowT[1]); ?></option>
                <?php } ?>
            </select>
        </div>
        
        <div class="comboForm">
        	<select name="ciudad" id="ciudad">
				<option value="0">Ciudad</option> 
				<option value="1">Bogotá</option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<select name="zona" id="zona">
                <option value="0">Zona</option>
                <?php while ($rowZ = mysql_fetch_array($zonas)) { ?>
                    <option value="<?php echo $rowZ[0]; ?>"><?php echo utf8_encode($rowZ[1]); ?></option>
                <?php } ?>
			</select>
        </div>
        
        <div class="comboForm">
        	<select name="barrio" id="barrio">
				<option value="0">Barrio</option> 
			</select>
        </div>
        
        
        <div class="comboForm">
        	<select name="precio" id="precio">
                <option value="0">Precio</option> 
                <option value="1">$70 000 000  a  $150 000 000</option> 
                <option value="2">$150 000 000  a  $400 000 000</option> 
                <option value="3">$400 000 000  a  $1000 000 000</option>
                <option value="4"> Más de $1000 000 000  </option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Área</p>

            <select name="area" id="area">
                <option value="0">Área</option> 
                <option value="1">50m a 70m</option> 
                <option value="2">70m a 100m</option>
                <option value="3">100m a 150m</option> 
                <option value="4">200m y Más</option>
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Habitaciones</p>

            <select name="habitaciones"  id="habitaciones">
                <option value="0">#</option> 
                <option value="1">1</option> 
                <option value="2">2</option>
                <option value="3">3</option> 
                <option value="4">4</option>
                <option value="5">5</option> 
                <option value="6">6</option> 
                <option value="7">7 & Más</option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Baños</p>

			<select name="banos" id="banos">
                <option value="0">Baños</option> 
                <option value="1">1</option> 
                <option value="2">2</option>
                <option value="3">3</option> 
                <option value="4">4</option>
                <option value="5">5 & Más</option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Garage</p>

			<select name="garaje" id="garaje">
                <option value="0">Garajes</option> 
                <option value="1">1</option> 
                <option value="2">2</option>
                <option value="3">3</option> 
                <option value="4">4</option>
                <option value="5">5 & Más</option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Antigüedad</p>

			<select name="antiguedad" id="antiguedad">
                <option value="0">Antiguedad</option> 
                <option value="1">Proyecto</option> 
                <option value="2">Estrenar</option>
                <option value="3">1 a 5 años</option> 
                <option value="4">5 a 10 años</option>
                <option value="5">Antiguo</option> 
			</select>
        </div>
        
        <div class="comboForm">
        	<p>Amoblado</p>

			<select name="amoblado" id="amoblado">
                <option value="0">Amoblado</option> 
                <option value="1">Si</option> 
                <option value="2">No</option>
            </select>
        </div>
        <div class="btnBuscarForm">
        	<button id="btnBuscarF">Buscar</button>
        </div>
        <div class="lineaFinalForm">
        </div>
                
    </div>
    <div id="u691" style="height:607px;"><!-- image 
    	<img class="block" id="u691_img" src="images/banner%20size.jpg" alt="" width="960" height="607"/>-->
        
            <section class="slider col-md-12 col-sm-12">
            	<div style="background-color: #00403c;
                border-color: transparent;
                border-style: none;
                height: 7px;
                opacity: 0.9;
                width: 960px;
                z-index: 7;">
                </div>
                <div class="flexslider carousel">
                  <ul class="slides">
                  	
                  		<li>
                        <img src="images/banner%20size.jpg" alt="" width="960" height="607"/>
                        	<div class="galeriaInm">
                                <p>Casa                <span>Barrio</span></p>
                                <p>Área               <span>400 mtrs 2</span></p>
                                <p>Precio                <span>$ 570 000 000</span></p>
                            </div>
                        </li>
                        <li>
                        <img src="imagenesCasas/1.jpg" alt="" width="960" height="607"/>
                        	<div class="galeriaInm">
                                <p>Casa                <span>Casa</span></p>
                                <p>Área               <span>300 mtrs 2</span></p>
                                <p>Precio                <span>$ 170 000 000</span></p>
                            </div>
                        </li>
                    
                  </ul>
                </div>
                
              </section>
	</div><!-- fin del la u691 -->
	</div><!-- fin del row -->
    <div class="row" style="margin-right:15px;">
    	<div class="col-md-12 col-sm-12" style="background-color:#00403C;height:38px; ">
        	<div class="col-md-6 col-sm-6" style="padding-top:6px;">
            	<p class="textEnv">¿Quiéres que un agente se comunique contigo?</p>
            </div>
            <div class="col-md-6 col-sm-6" style="margin-left:-30px; vertical-align: text-top;">
            	<form id="formulario" method="post" enctype="multipart/form-data" style="padding-top:-10px;">

                <input type="text" class="inputNomTel" id="telefono" name="telefono" tabindex="1" placeholder="Teléfono"/>
                <input type="text" class="inputNomTel" id="nombre" name="nombre" tabindex="2" placeholder="Nombre"/>

                <input id="btnEnviarF" type="button" value="" tabindex="3"/>
               </form>
            </div>
            
        </div>
    </div>
    
    <div class="row">
    	<div class="col-md-12 col-sm-12">
        	<div class="col-md-4 col-sm-4">
            	<p id="publicaciones">Publicaciones Recientes</p>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<?php 
			if (mysql_num_rows($resInmueblesUno)>0) {
				$cant = 0;
			while ($rowUno = mysql_fetch_array($resInmueblesUno)) { 
				$cant = $cant+1;
		?>
        <div class="col-md-3 col-sm-3" style=" padding-left:0;">
            <div style="width: 205px;">
                <div style="height:9px; background-color:#000; margin-top:5px; margin-bottom:12px;"></div>
                <div id="anchoFijo">
                <ul class="rslides" id="slider<?php echo $cant; ?>">
                  <?php
				  	$resImagInm = $serviciosInmuebles->TraerFotosInmuebles($rowUno[0]);
					if (mysql_num_rows($resImagInm)>0) {
					while ($rowImg = mysql_fetch_array($resImagInm)) {
				  ?>
                  	<li><img src="archivos/<? echo $rowImg[0].'/'.$rowImg[1].'/'.utf8_encode($rowImg[2]); ?>" /></li>
                  <?php
					}
					} else {
				  ?>
                  	<li><img src="images/banner size.jpg" alt=""></li>
                  <?php } ?>
                </ul>
                </div>
                <div style="height:6px; background-color:#000; margin-top:5px; margin-top:28px;"></div>
                <div class="datosInm">
                    <p>Sector                <span><?php echo utf8_encode($rowUno['barrio']); ?></span></p>
                    <p>Habitaciones               <span><?php echo $rowUno['habitaciones']; ?></span></p>
                    <p>Baños                <span><?php echo $rowUno['banios']; ?></span></p>
                    <p>Area                <span><?php echo $rowUno['area']; ?> mtrs 2</span></p>
                    <div class="pre">$ <?php echo utf8_encode($rowUno['precio']); ?></div>
                </div>
                <div style="height:6px; background-color:#000; margin-top:5px; margin-bottom:25px;"></div>
            </div>
        </div>
        <?php } ?>
        <?php } else { ?>
        
        <?php } ?>
        
    </div>
    
    <div class="row">
    	<?php 
			if (mysql_num_rows($resInmueblesDos)>0) {
			while ($rowDos = mysql_fetch_array($resInmueblesDos)) { 
				$cant = $cant+1;
		?>
        <div class="col-md-3 col-sm-3" style=" padding-left:0;">
                <div style="height:9px; background-color:#000; margin-top:5px; margin-bottom:5px;"></div>
                <div id="anchoFijo">
                <ul class="rslides" id="slider<?php echo $cant; ?>">
                  <?php
				  	$resImagInm2 = $serviciosInmuebles->TraerFotosInmuebles($rowDos[0]);
					if (mysql_num_rows($resImagInm2)>0) {
					while ($rowImg2 = mysql_fetch_array($resImagInm2)) {
				  ?>
                  	<li><img src="archivos/<? echo $rowImg2[0].'/'.$rowImg2[1].'/'.utf8_encode($rowImg2[2]); ?>" /></li>
                  <?php
					}
					} else {
				  ?>
                  	<li><img src="images/banner size.jpg" alt=""></li>
                  <?php } ?>
                </ul>
                </div>
                
                <div class="datosInm">
                    <p>Sector                <span><?php echo utf8_encode($rowDos['barrio']); ?></span></p>
                    <p>Habitaciones               <span><?php echo $rowDos['habitaciones']; ?></span></p>
                    <p>Baños                <span><?php echo $rowDos['banios']; ?></span></p>
                    <p>Area                <span><?php echo $rowDos['area']; ?> mtrs 2</span></p>
                    <div class="pre">$ <?php echo utf8_encode($rowDos['precio']); ?></div>
                </div>
                <div style="height:6px; background-color:#000; margin-top:5px; margin-bottom:5px;"></div>
        </div>
        <?php } ?>
        <?php } else { ?>
        
        <?php } ?>
    </div>
    
    <div class="row">
    	<?php 
			if (mysql_num_rows($resInmueblesTres)>0) {
			while ($rowTres = mysql_fetch_array($resInmueblesTres)) { 
				$cant = $cant+1;
		?>
        <div class="col-md-3 col-sm-3" style=" padding-left:0;">
                <div style="height:9px; background-color:#000; margin-top:5px; margin-bottom:5px;"></div>
                <div id="anchoFijo">
                <ul class="rslides" id="slider<?php echo $cant; ?>">
                  <?php
				  	$resImagInm3 = $serviciosInmuebles->TraerFotosInmuebles($rowTres[0]);
					if (mysql_num_rows($resImagInm3)>0) {
					while ($rowImg3 = mysql_fetch_array($resImagInm3)) {
				  ?>
                  	<li><img src="archivos/<? echo $rowImg3[0].'/'.$rowImg3[1].'/'.utf8_encode($rowImg3[2]); ?>" /></li>
                  <?php
					}
					} else {
				  ?>
                  	<li><img src="images/banner size.jpg" alt=""></li>
                  <?php } ?>
                </ul>
                </div>
                
                <div class="datosInm">
                    <p>Sector                <span><?php echo utf8_encode($rowTres['barrio']); ?></span></p>
                    <p>Habitaciones               <span><?php echo $rowTres['habitaciones']; ?></span></p>
                    <p>Baños                <span><?php echo $rowTres['banios']; ?></span></p>
                    <p>Area                <span><?php echo $rowTres['area']; ?> mtrs 2</span></p>
                    <div class="pre">$ <?php echo utf8_encode($rowTres['precio']); ?></div>
                </div>
                <div style="height:6px; background-color:#000; margin-top:5px; margin-bottom:5px;"></div>
        </div>
        <?php } ?>
        <?php } else { ?>
        
        <?php } ?>
    </div>

<footer>
    <div style="height:197px;">
        <div style="
        height: 1px;
        margin-left: -15px;
        margin-top: 7px;
        width: 100%;
        z-index: 41;
        background-color: #000000;
        border-color: transparent;
        border-style: none;
    ">
        </div>

        <div class="row">
            <div class="col-md-3" id="titulosfooter">
                <p><span>Site Map</span></p>
                <ul id="linkfooter">
                    <li>Asistencia Jurídica</li>
                    <li>Agentes Inmobiliarios</li>
                    <li>Login</li>
                </ul>
            </div>
            <div class="col-md-3" id="titulosfooter">
                <p><span>Contacto</span></p>
                <ul id="dirfooter">
                    <li>Calle 93B #15-34 Local 205</li>
                    <li>Chico,</li>
                    <li>Bogotá D.C.</li>
                </ul>
            </div>
            <div class="col-md-6" align="right">
                <ul class="list-inline">
                    <li id="u101-5">
                        <p style="margin-top:-15px;">Síguenos en:</p>
                    </li>
                    <li id="u1612">
                        <a class="nonblock nontext clip_frame grpelem" id="u161" href="http://ww.twitter.com"><!-- image --><img class="block" id="u161_img" src="imagenes/social_link_in.png" alt="" width="26" height="25"/></a>
                    </li>
                    <li id="u1672">
                        <a class="nonblock nontext clip_frame grpelem" id="u167" href="http://www.facebook.com"><!-- image --><img class="block" id="u167_img" src="imagenes/social_link_face.png" alt="" width="25" height="25"/></a>
                    </li>
                    <li id="u1722">
                        <a class="nonblock nontext clip_frame grpelem" id="u172" href="http://www.linkedin.com"><!-- image --><img class="block" id="u172_img" src="imagenes/social_link_twiter.png" alt="" width="26" height="25"/></a>
                    </li>
                </ul>
            </div>
            
        </div>

    </div>
</footer>

</div><!-- fin del page -->
<!-- FlexSlider -->
  <script defer src="js/galeria/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: true,
	slideshowSpeed: 4500,
	animationSpeed: 3000
  });

  $('#btnBuscarF').click(function(){
    filtros = filtros($('#tipo').val(),$('#ciudad').val(),$('#zona').val(),$('#barrio').val(),$('#precio').val(),$('#area').val(),$('#habitaciones').val(),$('#banos').val(),$('#garaje').val(),$('#antiguedad').val(),$('#amoblado').val());
    
    if (filtros.length>0) {
        filtros = filtros.substr(0,filtros.length-1)
    }

    url = "vistas/buscador/index.php?"+filtros;
    $(location).attr('href',url);
  });

  function filtros(tipo,ciudad,zona,barrio,precio,area,habitaciones,banios,garage,antiguedad,amoblado) {
        cad = "";
        if (tipo != 0) {
            cad = "reftipoinmueble="+tipo+'&';
        } 

        if (zona != 0) {
            cad += "refzona="+zona+'&';
        } 

        if (barrio != 0) {
            cad += "idbarrio="+barrio+'&';
        } 

        if (parseInt(precio) > 0) {
            cad += "precio="+parseInt(precio)+"&";
        } 

        if (parseInt(area) > 0) {
            cad += "area="+parseInt(area)+"&";
        } 

        if (habitaciones != 0) {
            cad += "habitaciones="+habitaciones+'&';
        } 

        if (banios != 0) {
            cad += "banios="+banios+'&';
        }

        if (garage != 0) {
            cad += "garage="+garage+'&';
        }

        if (antiguedad != 0) {
            cad += "refantiguedad="+antiguedad+'&';
        }

        if (amoblado != 0) {
            if (amoblado == 1) {
                cad += "amoblado=1";
            } else {
                cad += "amoblado=0";
            }
            
        }

        return cad;
  }

  function TraerBarrios(zona,idBarrio) {
            $.ajax({
                data:  {idzona: zona,idBarrio: idBarrio, accion: 'traerBarriosPorZona'},
                url:   'ajax/ajax.php',
                type:  'post',
                beforeSend: function () {
                
                },
                            success:  function (response) {
                
                                $('#barrio').html(response);
                                $('#barrio').prepend('<option value="0">Barrio</option>');
                
                }
            });
    }
    
    $('#zona').on('change', function(e) {
       
            TraerBarrios($('#zona').val(),9999);
    });

});
  </script>

<!-- Syntax Highlighter -->
  <script type="text/javascript" src="js/galeria/shCore.js"></script>
  <script type="text/javascript" src="js/galeria/shBrushXml.js"></script>
  <script type="text/javascript" src="js/galeria/shBrushJScript.js"></script>
  <script>
    // You can also use "$(window).load(function() {"
    $(function () {

      // Slideshow 1
      $("#slider1").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
		
		
	  $("#slider2").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider3").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider4").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider5").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
		
		
	  $("#slider6").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider7").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider8").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider9").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
		
		
	  $("#slider10").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider11").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
	  
	  $("#slider12").responsiveSlides({
        maxwidth: 800,
        speed: 800
      });
      // Slideshow 2
    /*  $("#slider2").responsiveSlides({
        auto: false,
        pager: true,
        speed: 300,
        maxwidth: 540
      });*/

      // Slideshow 3
     /* $("#slider3").responsiveSlides({
        manualControls: '#slider3-pager',
        maxwidth: 540
      });*/

      // Slideshow 4
     /* $("#slider4").responsiveSlides({
        auto: false,
        pager: false,
        nav: true,
        speed: 500,
        namespace: "callbacks",
        before: function () {
          $('.events').append("<li>before event fired.</li>");
        },
        after: function () {
          $('.events').append("<li>after event fired.</li>");
        }
      });*/

    });
  </script>
</body>
</html>